<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <img src="circle.svg" />
    <object id="object" data="circle.svg" type="image/svg+xml"></object>
    <embed id="embed" src="circle.svg" type="image/svg+xml" />
    <iframe id="iframe" src="circle.svg"></iframe>

    <script>
      // 获取 svg dom
      const svgObject = document.querySelector('#object').contentDocument
      const svgIframe = document.querySelector('#iframe').contentDocument
      const svgEmbed = document.querySelector('#embed').getSVGDocument()

      console.dir(svgObject)
      console.dir(svgIframe)
      console.dir(svgEmbed)

      // 如果使用<img>标签插入 SVG 文件，就无法获取 SVG DOM。

    </script>
  </body>
</html>
